* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.body {
   background-color: SkyBlue;   /*#92bde7;*/
   /*color:#485e74;*/
   line-height: 1.0;          /* no impact */
   font-family: sans-serif;
   font-size: 36;             /* no impact? */
   padding:1em;
}
.container{
	background-color: #d0d0d0;
   max-width:480px;
   margin-left: auto;
   margin-right: auto;
   padding:1em;
   border-radius: 20px;
   
}
.message {
	font-size: 20;	
}
.header{
    position : relative;
    max-width: 380px;
    width: 100%;
    background-color: #fff;
    z-index: 50;
}
.spaced-input {
    margin-bottom: 80px; /* Adjust the value as needed */
    display: block; /* Ensures inputs stack vertically, as they are inline by default */
}

/*.header{
   position: fixed;
   /*background-color: yellow;
   /*max-width: 380px;*/
   width: 100%;
   /*height: 140px;     
   border-bottom-style: solid;
   border-color: red;*/
   z-index: 50;
   margin-bottom: 10px;
}*/

nav {
	position: fixed;
   width: 40px;
   height: 35px;
   background-color: #fff;
   padding-left: 30px;
   z-index:40;
}
nav p {
   font-family: arial;
   font-size: 22px;
   line-height: 55px;
   float: left;
   padding: 0px 20px;
}
nav ul {
   float:left;
}
nav ul li {
   float:left;
   list-style: none;
   padding: 5px;
   position: relative;
}
nav ul li a {
   display:block;
   font-family: arial;
   color: #222;
   font-size: 14px;
   padding: 10px 14px;
   text-decoration: none;
}
nav ul li ul {
   display:none;
   position: absolute;
   background-color: #f3f3f3;
   padding: 10px;
   border-radius: 0px 0px 4px 4px;
}
nav ul li:hover ul {
   display:block;
}
nav ul li ul li {
   width: 800px;
   border-radius: 4px;
}
nav ul li ul li a {
   padding: 0px 14px;
}
nav ul li ul li a:hover {
   background-color: #a3a3a3;
}

.title{
   grid-column: 3 / 5;
  grid-row: 1 ;
  text-align: center;
}
.header form{
   display: grid;
   grid-template-columns: 1fr;
   grid-gap: 10px;
  
}
.header form label{
   display: block;
   color: #fff;
}
.header form p{
   width: 100%;
}

.header form .full{
   grid-column: 1 / 3;
}
.header form button, .header form input{
   width: 100%;
   padding:1em;
   border:1px solid #c9e6ff;
}

.button {
   float: right;
   width: 80px;   /*no impact*/
   height: 30px;   /*no impact*/
   border-radius: 10px;
   text-transform: uppercase;
   font-family: sans-serif;   /*no impact*/
}